html{
    font-size: 100px;
}
body {
    font-size: 12px;
    color:#333;
    margin: 0;
    padding: 0;
    font-family: "Microsoft YaHei";
    background: #f3f3f3
}
p{margin: 0;padding: 0;}
a{color: #333333;text-decoration: none}
input{padding: 0;outline: none}
ul{padding: 0;}
li{list-style: none;}
.fl{float: left}
.fr{float: right}
.clear{clear:both}
.f18{font-size: 18px}
.f16{font-size: 16px}
.f14{font-size: 14px}
.f12{font-size: 12px!important;}
.f20{font-size: 20px;}
.f22{font-size: 22px}
.f36{font-size: 36px}
.small-font{
    font-size:12px;
    transform: scale(0.80);
    transform-origin:0 0;

    -ms-transform: scale(0.80);         /* IE 9 */
    -ms-transform-origin:0 0;       /* IE 9 */

    -webkit-transform: scale(0.80); /* Safari 和 Chrome */
    -webkit-transform-origin:0 0;   /* Safari 和 Chrome */

    -moz-transform: scale(0.80);        /* Firefox */
    -moz-transform-origin:0 0;      /* Firefox */

    -o-transform: scale(0.80);      /* Opera */
    -o-transform-origin:0 0;        /* Opera */
}
.cfff{color: #ffffff}
.c666{color: #666666}
.c999{color: #999999}
.c4a4{color: #4a4a4a}
.cff4{color:#ff4f01;}
.ed1c{color: #ed1c1c;}
.f93e{color: #f93e67;}
.color-orange{color: #ff6c33}
.text-left{text-align:left;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.text-decoration{text-decoration: line-through;}
.vertical-middle{vertical-align: middle}
.fw600{font-weight: 600}
.fw700{font-weight: 700}
.p10{padding: 10px}
.p15{padding: 15px}
.mb25{margin-bottom: 30px}
.mb15{margin-bottom: 15px}
.mb10{margin-bottom: 10px}
.mb5{margin-bottom: 5px}
.mb1{margin-bottom: 1px}
.mt5{margin-top: 5px}
.mt10{margin-top: 10px}
.mt15{margin-top: 15px}
.mt20{margin-top: 20px}
.mt30{margin-top: 30px!important;}
.mt100{margin-top: 100px!important;}
.ml40{margin-left: 40px}
.ml30{margin-left: 30px}
.ml20{margin-left:20px}
.ml10{margin-left:10px}
.mr30{margin-right:30px}
.mr20{margin-right:20px}
.mr10{margin-right:10px}
.base-font{width: 4em}
.w2{letter-spacing: 2em;margin-right: -2em}
.w3{letter-spacing: 0.5em;margin-right: -0.5em}
.vertical-list{list-style: none;margin: 0;padding: 0}
.horizontal-list{list-style: none;margin: 0;padding: 0}
.horizontal-list li{float: left}
.clear:after{
    content: "";
    clear: both;
    display: block;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #CBCCCE;}
input:-moz-placeholder, textarea:-moz-placeholder {color:#CBCCCE;}
input::-moz-placeholder, textarea::-moz-placeholder {color:#CBCCCE;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#CBCCCE;}
.header_search{width: 100%;padding: 7px 5px;background: #edc41c;color: #ffffff;box-sizing: border-box}
.header_search .location{width: 15px;vertical-align: middle;margin-right: 1%}
.header_search .back{width: 15px;vertical-align: middle;padding: 10px 3%;}
.header_search .message{width: 24px;vertical-align: middle}
.header_search .search_ipt{display: inline-block;background: #ffffff;border-radius: 5px;overflow: hidden;width: 70%;padding: 0 10px;vertical-align: middle;margin-right: 1%}
.header_search .search_ipt img{width: 16px;vertical-align: middle}
.header_search .search_ipt input{outline: none;border: none;line-height: 33px;width: 80%;margin-left: 5%}
@media screen and (max-width:374px){
    .header_search .search_ipt{width: 65%;}
}
.header_goods{width: 100%;position: fixed;top:0;z-index: 10;padding: 7px 15px;box-sizing: border-box}
.header_goods .back{width: 25px;}
.header_goods .more{width: 25px;float: right}
.base_header{background: #edc41c;text-align: center;position: relative;line-height: 44px;font-size: 18px;padding: 0 15px}
.base_header img{width: 15px;margin-top: 15px;padding: 0 10px;position: absolute;left: 0}
.footer{position: fixed;bottom: 0;width: 100%;background: #ffffff;padding: 5px 0;left: 0;z-index: 2222}
.footer li{width: 25%}
.footer li .img{width: 39px;}
.footer li img{width:39px;display: block;margin: auto}
